<template>
	<view class="users-wallet">
		<view class="users-wallet-content">
			<users-card :modelList="UsersWalletList">
			<!-- 			<template #top="img">
							<img :src="img.imgSrc" alt="">
						</template> -->
						<template  #top="childNumber">
							<text>{{childNumber.number}}</text>
						</template>
			</users-card>
		</view>
	</view>
</template>

<script setup>
	import { reactive } from 'vue'
	import UsersCard from '../../../../components/common/UsersCard/UsersCard.vue'
	const UsersWalletList = reactive([
		{
			imgSrc:"",
			number:0,
			title:"卡券",
			pageSrc:""
		},
		{
			imgSrc:"",
			number:0,
			title:"金币",
			pageSrc:""
		},
		{
			imgSrc:"",
			number:0,
			title:"碎银子",
			pageSrc:""
		},
		{
			imgSrc:"",
			number:0,
			title:"余额",
			pageSrc:""
		},
		{
			imgSrc:"",
			number:"我的钱包",
			title:"WALLET",
			pageSrc:""
		}
	])
</script>

<style lang="scss" scoped>
	.users-wallet{
		width: 100%;
		background-color: rgb(247, 247, 247);
		>.users-wallet-content{
			background-color: #fff;
			border-radius: 55rpx 55rpx  0 0 ;
		}
	}
</style>